---
import { getCollection, render } from "astro:content";

import ArticlePage from "../layouts/ArticlePage.astro";

export async function getStaticPaths() {
    const articles = await getCollection("articles");
    return articles.map((post) => ({
        params: { id: post.id },
        props: { post },
    }));
}

const { post } = Astro.props;
const { Content } = await render(post);
---

<ArticlePage id={post.id} data={post.data}><Content /></ArticlePage>